<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="/css/detail.css">
  <title>Document</title>
</head>

<body>
  <header></header>
  <div id="design"></div>
  <script type="text/html" id="src_design">
        <p class="title">商品列表/{{shop.title}}</p>
        <div class="main">
            <div class="left">
                <img src="{{photo[0].url}}" alt="" class="big-img">
                <ul id="gal1">
                    {{each photo img}}
                    <li>
                      <a href="javascript:;" data-image="{{img.url}}" data-zoom-image="{{img.url}}">
                          <img src="{{img.url}}" alt="">
                      </a>
                        
                    </li>
                    {{/each}}
                   
                </ul>
            </div>
            <div class="right">
                <p class="name">{{title}}</p>
                <div class="business">
                    <img src="{{shop.coverUrl}}" alt="">
                    <a href="javascript:;">{{shop.nickname}}</a>
                </div>
                <div class="sales-situation">
                    <b>{{price}}</b>
                   <i> 原价：{{tbOriginPrice}}</i>
                   <em> 销量：{{saleNum}}</em>
                </div>
                <span>服务承诺</span>
                <ul>
                    {{each accessoryHints server}}
                        <li>{{server}}</li>
                    {{/each}}
                </ul>
                <div class="num">
                    数量 <input type="text" value="1" id="shop-number" placeholder="1" min="1" >
                    <a href="javascript:;" class="btn-add-tocar"></a>
                    <a href="javascript:;" class="btn-sub-tocar"></a>
                </div>
                <div class="buy-btn">
                   <div class="buy">立即购买</div>
                    
                    <div class="add-to-car" id="add-to-cart-btn">加入购物车</div>
                </div>
                
            </div>
        </div>
        <div class="details">
            <p>商品详情</p>
            {{each descContentList bigImg}}
                <img src="{{bigImg.photo.url}}" alt="">
            {{/each}}
        </div>
    </script>

  <footer></footer>
  <script src="/libs/jquery/require/require.min.js" data-main="/js/detail"></script>
</body>

</html>